import styled from "styled-components"

const   GridContainer=styled.div`
    ul{
        margin:0;
        padding:0;
        display:flex;
        flex-wrap:wrap;
        li{
            list-style:none;
            width:${(props)=>100/props.column}%;
            padding:0.1rem;
            display:flex;
            flex-direction:column; 
            align-items:center;
            justify-content:center;
            img{
                width:100%;
                border-radius:${(props)=>props.imgRadius}rem;
            }
        }
    }
`
export default GridContainer;